#@layout()
#define main()
	<div>
		<div style="margin:5px 0;border-bottom:1px solid #aaa;">
			<span class="layui-breadcrumb">
				<a href="#">服务接口说明</a>
				<a><cite>列表</cite></a>
			</span>
        </div>
		<form id="form1" class="layui-form" action="xpApi" method="post" style="padding:0px 0 0 20px;">
			<div class="layui-form-item" style="margin-bottom: 0;">
				<div class="layui-inline">
					<label class="layui-form-label" style="width:90px;">接口名称</label>
					<div class="layui-input-inline">
						<select name="softType" lay-filter="changeType">
							#@option(typeList,"type","name",softType,true)
						</select>						
					</div>
				</div>
				<div class="layui-inline">
				&nbsp;<input class="layui-btn layui-btn-sm" type="submit" value="查询">
				</div>
			</div>
		</form>
	</div>
		<table class="layui-table" lay-even="">
			<colgroup>
				<col width="90">
				<col width="100">
				<col>
			</colgroup>
			<tr>
				<th >序号</th>
				<th >接口名称</th>
				<th >接口描述</th>
			</tr>
			
			#for(x : lists.getList()??)
			<tr>
				<td >#((lists.pageNumber-1)*lists.pageSize+for.index+1)</td>
				<td >
				#if(bCanEdit)
				<a href="xpApi/api_detail?id=#(x.id)">#(x.name)</a>
				#else
				#(x.name)
				#end
				</td>
				<td >#(x.devDesc)</td>
			</tr>
			#end
		</table>

	<div id="_paginate"  style="margin-left: 10px;"></div>
	<script type="text/javascript">
		layui.use(['element','form'], function(){
		  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
		  
		  //监听导航点击
		  //element.on('nav(demo)', function(elem){
		    //console.log(elem)
		    //layer.msg(elem.text());
		  //});
		});
	
		$(function(){
			xpsoft.paginate("_paginate",#(lists.pageNumber??1), #(lists.totalRow??1), "xpApi","form1");	
		});
		
	</script>
#end